<!DOCTYPE html>
<html lang="en">
{% load static %}
<head>
    <meta charset="UTF-8">
    <title>{% block title %}智能家居首页{% endblock %}</title>
    <link rel="stylesheet" href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">
    <style>


    </style>
    {% block css %}{% endblock %}
</head>
<body>


<div style="height: 50px">


    <nav class="navbar navbar-inverse navbar-fixed-top col-sm-6">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand btn btn-primary" href="{% url 'home' %}">智能家居系统</a>
                &nbsp;
                <a class="navbar-brand btn btn-primary" href="{% url 'get_record' %}">查看上报</a>
                &nbsp;

                <a class="navbar-brand  btn btn-primary" href="{% url 'get_equ' %}">查看家电</a>
            </div>

        </div><!-- /.container-fluid -->
    </nav>
</div>
{% block content %}


{% endblock %}


<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="{% static 'bootstrap-3.4.1-dist/js/jquery-3.4.1.min.js' %}"></script>
<script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
{% block js %}{% endblock %}
</body>
</html>